<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盒子阴影</title>
    <style type="text/css">
       #box1{
           width: 100px;
           height: 100px;
           background-color: aqua;
           /*
           第一个参数：阴影水平方向的位置
           第二个参数：阴影垂直方向的位置
           第三个参数：阴影模糊半径
           第四个参数：阴影的颜色
           */
           /*box-shadow: 10px 20px 5px 10px red;*/
           box-shadow: -10px -20px 5px gray;
       }





    </style>
</head>
<body>
     <!--
     盒子模型：块级元素
      width:
      height:
      margin
      padding
      border

     -->
   <div id="box1">
       这是一个盒子
   </div>
</body>
</html>